<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>培训</title>
    <link
      rel="stylesheet"
      href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"
    />
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="../css/lxr/01-traning-plan.css" />
  </head>
  <body>
    <div class="iframe-content">
      <div class="course">
        <div class="course-box">
          <div class="box-title">
            <h2>培训计划管理</h2>
            <div class="search-condition">
              <span>培训计划名称：</span
              ><input
                type="text"
                class="search-course-title form-control"
              /><span>培训计划时间：</span
              ><input type="date" class="search-start-date form-control" />
              <span>至</span>
              <input
                type="date"
                name=""
                id=""
                class="search-end-date form-control"
              />

              <button type="button" class="btn btn-default search-btn">
                搜索
              </button>
              <button type="button" class="btn btn-default reset-btn">
                重置
              </button>
            </div>
            <div class="filter">
              <span>筛选条件：</span>
              <div class="filter-box">
                <!-- <span>课程标题：2021</span> -->
              </div>
            </div>
          </div>
          <div class="box-body">
            <div class="box-body-header">
              <div class="select-all">
                <input type="checkbox" /><span>全选</span>
              </div>
              <button
                class="btn btn-primary btn-lg add-btn"
                data-toggle="modal"
                data-target="#addModal"
              >
                + 新增培训计划
              </button>
            </div>
            <table id="courseTable" class="table">
              <tbody>
                <!-- <tr>
                  <td>
                    <div class="course-card">
                      <div class="card-left">
                        <div class="training-title">2021新员工入职培训</div>
                        <div class="training-category">分类：入职培训</div>
                        <div class="training-time">
                          培训计划时间：2021-01-01~2021-12-31
                        </div>
                      </div>
                      <div class="card-right">
                        <div class="card-right-up">
                          <span class="training-plan">培训计划</span
                          ><span class="training-status">· 进行中</span>
                        </div>
                        <div class="card-right-down">
                          <span>培训人数：</span
                          ><span class="student-num">33</span
                          ><span class="cut-off">|</span><span>课程：</span
                          ><span class="course-num">3</span>
                        </div>
                        <div class="btn-box">
                          <button type="button" class="btn btn-link">
                            查看详情</button
                          ><button type="button" class="btn btn-link">
                            调整时间</button
                          ><button type="button" class="btn btn-link">
                            完成培训
                          </button>
                        </div>
                      </div>
                    </div>
                  </td>
                </tr> -->
              </tbody>
            </table>
            <div id="modalBox"></div>
            <div class="page">
              <ul class="pagination">
                <!-- <li><a href="#" class="pre">&laquo;</a></li> -->
                <!-- <li class="active"><a href="#">1</a></li>
                <li class="disabled"><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li> -->
                <!-- <li><a href="#" class="next">&raquo;</a></li> -->
              </ul>
              <select class="form-control per-page" id="sel1">
                <option selected>4条/页</option>
                <option >8条/页</option>
                <option>12条/页</option>
              </select>
            </div>
          </div>
        </div>
      </div>
    </div>
    <script src="../js/lxr/01-tranining-plan.js"></script>
  </body>
</html>
